<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>游戏-</title>
    <link href="../static/css/public.css" rel="stylesheet">
    <link rel="stylesheet">
    <script src="../static/js/jquery-2.1.3.min.js"></script>
    <script src="../static/js/swiper-3.3.1.min.js"></script>
    <link href="../static/css/swiper.min.css" rel="stylesheet">
  </head>
  <body id="gameInfo">
    <div class="search-box"><img src="../static/img/l.png" class="list-btn">
      <div class="title">游戏网</div><img src="../static/img/s.png" class="search-btn">
    </div>
    <div class="content">
      <div class="list2">
        <ul>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
        </ul>
      </div>
      <div class="title1">
        <div><img src="../static/img/demo4.png">游戏截图</div>
      </div>
      <div>
        <div class="list-type3">
          <ul>
            <li><a><img src="../static/img/demo6.png"></a></li>
            <li><a><img src="../static/img/demo6.png"></a></li>
            <li><a><img src="../static/img/demo6.png"></a></li>
            <li><a><img src="../static/img/demo6.png"></a></li>
          </ul>
        </div>
      </div>
      <div class="title1">
        <div><img src="../static/img/demo4.png">游戏简介</div>
      </div>
      <div>
        <p>《非仙勿扰》是一款以中国古代神话修仙为背景的社交游戏，玩家在游戏中扮演一名修仙者，从最初的练气期开始，逐步体验筑基、结丹、元婴、化神、炼虚、合体、大乘、真仙、金仙、玄仙共十种不同境界下的实力增长，最终飞升成仙。</p>
        <div class="more"><span>展开</span></div>
      </div>
      <div class="line-type1"></div>
      <div class="title1">
        <div><img src="../static/img/demo4.png">游戏相关</div>
      </div>
      <div class="score-box">
        <div><a href="###" class="btn fr">领取</a>精灵礼包</div>
        <div class="score"><span class="fr">6.4</span>
          <div><img src="../static/img/star1.png"><img src="../static/img/star1.png"><img src="../static/img/star1.png"><img src="../static/img/star0.png"><img src="../static/img/star0.png"><span>&nbsp;&nbsp;评分</span></div>
        </div>
      </div>
      <div class="comment-box">
        <div class="title"><a href="###" class="btn fr">登录</a>
          <div><span>12</span>条评论</div>
        </div>
        <div class="comment">
          <textarea rows="3"></textarea><a href="###" class="btn fr">发表评论</a>
        </div>
      </div>
      <div class="title2">
        <div>	热门评论</div>
      </div>
      <ul class="msg-list">
        <li>
          <div class="user-info"><img src="../static/img/demo5.png">用户名</div>
          <div class="msg">十分惬意，能够让你在轻松快乐的氛围里，体验到中国古代神话中的修仙者修炼成仙的历程。</div>
          <div class="option-box">
            <div class="fr">
              <div class="fl"><img src="../static/img/like.png">10</div>
              <div class="fl"><img src="../static/img/msg.png">回复</div>
            </div>2016-05-06 11:35
          </div>
        </li>
        <li>
          <div class="user-info"><img src="../static/img/demo5.png">用户名</div>
          <div class="msg">十分惬意，能够让你在轻松快乐的氛围里，体验到中国古代神话中的修仙者修炼成仙的历程。</div>
          <div class="option-box">
            <div class="fr">
              <div class="fl"><img src="../static/img/like.png">10</div>
              <div class="fl"><img src="../static/img/msg.png">回复</div>
            </div>2016-05-06 11:35
          </div>
        </li>
        <li>
          <div class="user-info"><img src="../static/img/demo5.png">用户名</div>
          <div class="msg">十分惬意，能够让你在轻松快乐的氛围里，体验到中国古代神话中的修仙者修炼成仙的历程。</div>
          <div class="option-box">
            <div class="fr">
              <div class="fl"><img src="../static/img/like.png">10</div>
              <div class="fl"><img src="../static/img/msg.png">回复</div>
            </div>2016-05-06 11:35
          </div>
        </li>
        <li>
          <div class="user-info"><img src="../static/img/demo5.png">用户名</div>
          <div class="msg">十分惬意，能够让你在轻松快乐的氛围里，体验到中国古代神话中的修仙者修炼成仙的历程。</div>
          <div class="option-box">
            <div class="fr">
              <div class="fl"><img src="../static/img/like.png">10</div>
              <div class="fl"><img src="../static/img/msg.png">回复</div>
            </div>2016-05-06 11:35
          </div>
        </li>
        <li>
          <div class="user-info"><img src="../static/img/demo5.png">用户名</div>
          <div class="msg">十分惬意，能够让你在轻松快乐的氛围里，体验到中国古代神话中的修仙者修炼成仙的历程。</div>
          <div class="option-box">
            <div class="fr">
              <div class="fl"><img src="../static/img/like.png">10</div>
              <div class="fl"><img src="../static/img/msg.png">回复</div>
            </div>2016-05-06 11:35
          </div>
        </li>
      </ul>
      <div class="title2">
        <div>	最热评论</div>
      </div>
      <ul class="msg-list">
        <li>
          <div class="user-info"><img src="../static/img/demo5.png">用户名</div>
          <div class="msg">十分惬意，能够让你在轻松快乐的氛围里，体验到中国古代神话中的修仙者修炼成仙的历程。</div>
          <div class="option-box">
            <div class="fr">
              <div class="fl"><img src="../static/img/like.png">10</div>
              <div class="fl"><img src="../static/img/msg.png">回复</div>
            </div>2016-05-06 11:35
          </div>
        </li>
        <li>
          <div class="user-info"><img src="../static/img/demo5.png">用户名</div>
          <div class="msg">十分惬意，能够让你在轻松快乐的氛围里，体验到中国古代神话中的修仙者修炼成仙的历程。</div>
          <div class="option-box">
            <div class="fr">
              <div class="fl"><img src="../static/img/like.png">10</div>
              <div class="fl"><img src="../static/img/msg.png">回复</div>
            </div>2016-05-06 11:35
          </div>
        </li>
        <li>
          <div class="user-info"><img src="../static/img/demo5.png">用户名</div>
          <div class="msg">十分惬意，能够让你在轻松快乐的氛围里，体验到中国古代神话中的修仙者修炼成仙的历程。</div>
          <div class="option-box">
            <div class="fr">
              <div class="fl"><img src="../static/img/like.png">10</div>
              <div class="fl"><img src="../static/img/msg.png">回复</div>
            </div>2016-05-06 11:35
          </div>
        </li>
        <li>
          <div class="user-info"><img src="../static/img/demo5.png">用户名</div>
          <div class="msg">十分惬意，能够让你在轻松快乐的氛围里，体验到中国古代神话中的修仙者修炼成仙的历程。</div>
          <div class="option-box">
            <div class="fr">
              <div class="fl"><img src="../static/img/like.png">10</div>
              <div class="fl"><img src="../static/img/msg.png">回复</div>
            </div>2016-05-06 11:35
          </div>
        </li>
        <li>
          <div class="user-info"><img src="../static/img/demo5.png">用户名</div>
          <div class="msg">十分惬意，能够让你在轻松快乐的氛围里，体验到中国古代神话中的修仙者修炼成仙的历程。</div>
          <div class="option-box">
            <div class="fr">
              <div class="fl"><img src="../static/img/like.png">10</div>
              <div class="fl"><img src="../static/img/msg.png">回复</div>
            </div>2016-05-06 11:35
          </div>
        </li>
      </ul>
    </div>
    <div class="footer">
      <div><img src="../static/img/demo.png">放到桌面</div>
      <div><a href="###" class="btn">开始游戏</a></div>
      <div><img src="../static/img/demo.png">收藏</div>
    </div>
  </body>
</html>